<!DOCTYPE HTML >
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>人事管理系统——添加员工</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
    <meta http-equiv="description" content="This is my page"/>
    <link th:href="@{/css/css.css}" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" th:href="@{/js/ligerUI/skins/Aqua/css/ligerui-dialog.css}"/>
    <link th:href="@{/js/ligerUI/skins/ligerui-icons.css}" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" th:src="@{/js/jquery-1.11.0.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-migrate-1.2.1.js}"></script>
    <script th:src="@{/js/ligerUI/js/core/base.js}" type="text/javascript"></script>
    <script th:src="@{/js/ligerUI/js/plugins/ligerDrag.js}" type="text/javascript"></script>
    <script th:src="@{/js/ligerUI/js/plugins/ligerDialog.js}" type="text/javascript"></script>
    <script th:src="@{/js/ligerUI/js/plugins/ligerResizable.js}" type="text/javascript"></script>
    <link th:href="@{/css/pager.css}" type="text/css" rel="stylesheet"/>
    <script language="javascript" type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
    <script type="text/javascript">


        $(function () {
            /** 员工表单提交 */
            $("#employeeForm").submit(function () {
                var name = $("#name");
                var cardId = $("#cardId");
                var education = $("#education");
                var email = $("#email");
                var phone = $("#phone");
                var tel = $("#tel");
                var party = $("#party");
                var qqNum = $("#qqNum");
                var address = $("#address");
                var postCode = $("#postCode");
                var birthday = $("#birthday");
                var race = $("#race");
                var speciality = $("#speciality");
                var hobby = $("#hobby");
                var msg = "";
                if ($.trim(name.val()) == "") {
                    msg = "姓名不能为空！";
                    name.focus();
                } else if ($.trim(cardId.val()) == "") {
                    msg = "身份证号码不能为空！";
                    cardId.focus();
                } else if (!/^[1-9]\d{16}[0-9A-Za-z]$/.test($.trim(cardId.val()))) {
                    msg = "身份证号码格式不正确！";
                    cardId.focus();
                } else if ($.trim(education.val()) == "") {
                    msg = "学历不能为空！";
                    education.focus();
                } else if ($.trim(email.val()) == "") {
                    msg = "邮箱不能为空！";
                    email.focus();
                } else if (!/^\w+@\w{2,3}\.\w{2,6}$/.test($.trim(email.val()))) {
                    msg = "邮箱格式不正确！";
                    email.focus();
                } else if ($.trim(phone.val()) == "") {
                    msg = "手机号码不能为空！";
                    phone.focus();
                } else if (!/^1[3|5|8|7]\d{9}$/.test($.trim(phone.val()))) {
                    msg = "手机号码格式不正确！";
                    phone.focus();
                } else if ($.trim(tel.val()) == "") {
                    msg = "电话号码不能为空！";
                    tel.focus();
                } else if ($.trim(party.val()) == "") {
                    msg = "政治面貌不能为空！";
                    party.focus();
                } else if ($.trim(qqNum.val()) == "") {
                    msg = "QQ号码不能为空！";
                    qqNum.focus();
                } else if (!/^\d{6,}$/.test($.trim(qqNum.val()))) {
                    msg = "QQ号码格式不正确！";
                    qqNum.focus();
                } else if ($.trim(address.val()) == "") {
                    msg = "地址不能为空！";
                    address.focus();
                } else if ($.trim(postCode.val()) == "") {
                    msg = "邮政编码不能为空！";
                    postCode.focus();
                } else if ($.trim(birthday.val()) == "") {
                    msg = "出生日期不能为空！";
                    birthday.focus();
                } else if (!birthday.val()) {
// 					!/^\d{4}-\d{2}-\d{2}$/.test($.trim(birthday.val()))
                    msg = "出生日期格式不正确！";
                    birthday.focus();
                } else if ($.trim(race.val()) == "") {
                    msg = "民族不能为空！";
                    race.focus();
                } else if ($.trim(speciality.val()) == "") {
                    msg = "专业不能为空！";
                    speciality.focus();
                } else if ($.trim(hobby.val()) == "") {
                    msg = "爱好不能为空！";
                    hobby.focus();
                }
                if (msg != "") {
                    $.ligerDialog.error(msg);
                    return false;
                } else {
                    return true;
                }
                $("#employeeForm").submit();
            });
        });


    </script>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td height="10"></td>
    </tr>
    <tr>
        <td width="15" height="32"><img th:src="@{/images/main_locleft.gif}" width="15" height="32"></td>
        <td class="main_locbg font2"><img th:src="@{/images/pointer.gif}">&nbsp;&nbsp;&nbsp;当前位置：员工管理 &gt; 添加员工</td>
        <td width="15" height="32"><img th:src="@{/images/main_locright.gif}" width="15" height="32"></td>
    </tr>
</table>
<table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
    <tr valign="top">
        <td>
            <form th:action="@{/employee/addEmployee}" id="employeeForm" method="post">
                <!-- 隐藏表单，flag表示添加标记 -->
                <input type="hidden" name="flag" value="2">
                <table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
                    <tr>
                        <td class="font3 fftd">
                            <table>
                                <tr>
                                    <td class="font3 fftd">姓名：<input type="text" name="name" id="name" size="20"/></td>
                                    <td class="font3 fftd">身份证号码：<input type="text" name="card_id" id="cardId"
                                                                        size="20"/></td>
                                </tr>
                                <tr>
                                    <td class="font3 fftd">性别：
                                        <select name="sex" style="width:143px;">
                                            <option value="0">--请选择性别--</option>
                                            <option value="1">男</option>
                                            <option value="2">女</option>
                                        </select></td>
                                    <td class="font3 fftd">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：
                                        <select name="job_id" style="width:143px;">
                                            <option value="0">--请选择职位--</option>
                                            <option th:each="job:${jobs}" th:value="${job.id}" th:text="${job.name}"/></option>


                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="font3 fftd">学历：<input name="education" id="education" size="20"/></td>
                                    <td class="font3 fftd">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：<input name="email" id="email" size="20"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="font3 fftd">手机：<input name="phone" id="phone" size="20"/></td>
                                    <td class="font3 fftd">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：<input name="tel" id="tel" size="20"/>
                                    </td>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td class="main_tdbor"></td>
                    </tr>
                    <tr>
                        <td class="font3 fftd">
                            <table>
                                <tr>
                                    <td class="font3 fftd">
                                        政治面貌：<input name="party" id="party" size="40"/>&nbsp;&nbsp;
                                        QQ&nbsp;&nbsp;号码：<input name="qqNum" id="qqNum" size="20"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="main_tdbor"></td>
                                </tr>

                                <tr>
                                    <td class="font3 fftd">
                                        联系地址：<input name="address" id="address" size="40"/>&nbsp;&nbsp;
                                        邮政编码：<input name="postCode" id="postCode" size="20"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="main_tdbor"></td>
                                </tr>

                                <tr>
                                    <td class="font3 fftd">
                                        出生日期：<input class="Wdate" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'});" name="birthday" id="birthday" size="40"/>&nbsp;&nbsp;
                                        民&nbsp;&nbsp;&nbsp;&nbsp;族：<input name="race" id="race" size="20"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="main_tdbor"></td>
                                </tr>

                                <tr>
                                    <td class="font3 fftd">
                                        所学专业：<input name="speciality" id="speciality" size="40"/>&nbsp;&nbsp;
                                        爱&nbsp;&nbsp;&nbsp;&nbsp;好：<input name="hobby" id="hobby" size="20"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="main_tdbor"></td>
                                </tr>

                                <tr>
                                    <td class="font3 fftd">
                                        备&nbsp;&nbsp;&nbsp;&nbsp;注：<input name="remark" id="remark" size="40"/>
                                        &nbsp;&nbsp;所属部门：
                                        <select name="dept_id" style="width:100px;" id="dept_id">
                                            <option value="0">--请选择--</option>
                                            <option th:each="dept:${depts}" th:value="${dept.id}" th:text="${dept.name}" ></option>

                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="main_tdbor"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <tr>
                        <td align="left" class="fftd">
                            <input type="submit" value="添加">&nbsp;&nbsp;<input type="reset" value="取消 "></td>
                    </tr>

                </table>
            </form>
        </td>
    </tr>
</table>
<div style="height:10px;"></div>
</body>
</html>